import React from 'react';
// import './index.less'
import style from './index.module.css';
import { CaretDownOutlined } from '@ant-design/icons';
export default function index() {
  const clickChange = () => {
    console.log(111);
    // props.history.push('/info/draft')
  };
  return (
    <div className={style.box}>
      <div className={style.header}>
        <button onClick={clickChange}>草稿箱</button>
        <button>导入</button>
        <button>
          打印
          {/* <CaretDownOutlined style={{padding:"0",margin:'0'}} /> */}
        </button>
        <button>查看日志</button>
      </div>
      {/* 
      
       */}
      <div className={style.container}>
        <header>
          <h1>人员档案</h1>
        </header>
        <table className={style.tables}>
          <thead>
            <tr>
              <td colSpan={6}>基本信息</td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>档案编号：</td>
              <td>RYDA0001</td>
              <td>登陆账号：</td>
              <td>zy</td>
              <td rowSpan={11}>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;证件照-宽
                200px ，高 215px:
              </td>
              <td rowSpan={11}>
                <img src="https://erpdemo.fanpusoft.com/UpLoader/Image/202103/637518604254601287_11.jpg"></img>
              </td>
            </tr>
            <tr>
              <td>*真实姓名：</td>
              <td>张研</td>
              <td>性别：</td>
              <td>男</td>
            </tr>
            <tr>
              <td>出生日期：</td>
              <td>2018-01-16</td>
              <td>身份证号码</td>
              <td>511621198501206376</td>
            </tr>
            <tr>
              <td>政治面貌：</td>
              <td>群众</td>
              <td>婚姻状况：</td>
              <td>未婚</td>
            </tr>
            <tr>
              <td>国籍：</td>
              <td></td>
              <td>籍贯：</td>
              <td></td>
            </tr>
            <tr>
              <td>民族：</td>
              <td>汉族</td>
              <td>户口性质：</td>
              <td>城镇户口</td>
            </tr>
            <tr>
              <td>*联系电话：</td>
              <td>15123903897</td>
              <td>电子邮箱：</td>
              <td>1183849539@qq.com</td>
            </tr>
            <tr>
              <td>微信号：</td>
              <td></td>
              <td>QQ号：</td>
              <td></td>
            </tr>
            <tr>
              <td>紧急联系人：</td>
              <td></td>
              <td>紧急联系人电话：</td>
              <td></td>
            </tr>
            <tr>
              <td>户口地址：</td>
              <td colSpan={3}></td>
            </tr>
            <tr>
              <td>家庭住址：</td>
              <td colSpan={3}>重庆市沙坪坝歌乐山</td>
            </tr>
            <tr style={{ height: '65px' }}>
              <td>提示：</td>
              <td colSpan={5} style={{ color: '#000' }}>
                1,新建用户时，系统会自动创建对应的档案信息，然后在人员档案列表里边选择档案进行资料完善；
                <br />
                2,只需要录入人员档案信息，不需要给他创建登录系统登录账号时，才在这里新建，注意不要重复创建。
              </td>
            </tr>
          </tbody>
        </table>
        <table className={style.table2}>
          <thead>
            <tr>
              <td colSpan={6}>入职信息</td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>入职时间：</td>
              <td>2018-01-16</td>
              <td>转正日期：</td>
              <td></td>
              <td>离职时间：</td>
              <td></td>
            </tr>
            <tr>
              <td>所在部门：</td>
              <td>总经办</td>
              <td>所在岗位：</td>
              <td>总经理</td>
              <td>*直接上级：</td>
              <td>胡建</td>
            </tr>
            <tr>
              <td>银行开户行：</td>
              <td></td>
              <td>开户名：</td>
              <td></td>
              <td>银行卡号：</td>
              <td></td>
            </tr>
            <tr>
              <td>社保卡号：</td>
              <td>51302119611162847</td>
              <td>公积金号：</td>
              <td></td>
              <td>工作排班：</td>
              <td>正常班</td>
            </tr>
            <tr>
              <td>职称等级：</td>
              <td>初级职称</td>
              <td>员工类型：</td>
              <td>全职</td>
              <td>员工状态：</td>
              <td>正式</td>
            </tr>
          </tbody>
        </table>
        <table className={style.table3}>
          <thead>
            <tr>
              <td colSpan={6}>
                教育经历<button>导出</button>
              </td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>序号</td>
              <td>开始时间</td>
              <td>结束时间</td>
              <td>学校名称</td>
              <td>专业</td>
              <td>学历</td>
            </tr>
            <tr style={{ height: '65px' }}>
              <td colSpan={6}></td>
            </tr>
            <tr style={{ height: '70px' }}>
              <td colSpan={6}></td>
            </tr>
          </tbody>
        </table>
        {/* 工作经历表格 */}
        <table className={style.table3}>
          <thead>
            <tr>
              <td colSpan={7}>
                工作经历<button>导出</button>
              </td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>序号</td>
              <td>开始时间</td>
              <td>结束时间</td>
              <td>工作单位</td>
              <td>所在部门</td>
              <td>工作内容</td>
              <td>离职原因</td>
            </tr>
            <tr style={{ height: '65px' }}>
              <td colSpan={7}></td>
            </tr>
            <tr style={{ height: '70px' }}>
              <td colSpan={7}></td>
            </tr>
          </tbody>
        </table>
        {/* 简历上传 */}
        <table className={style.table3}>
          <thead>
            <tr>
              <td colSpan={8}>简历上传</td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td
                style={{ width: '55%', textAlign: 'left', paddingLeft: '15px' }}
              >
                文件名称
              </td>
              <td style={{ width: '9%' }}>文件大小</td>
              <td style={{ width: '9%' }}>上传人</td>
              <td style={{ width: '9%' }}>上传时间</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr style={{ height: '65px' }}>
              <td colSpan={8}></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  );
}
